<template>
    <span class="rm d-flex align-items-center justify-content-between">
        <span class="label">{{ $attrs.meta.pdata.label }}</span>
        <i class="ms-3  iconfont te-i-close fs-6" @click="deleteLabel()"></i>
    </span>
</template>
<script setup>
import { defineEmits, useAttrs } from 'vue';
let attrs = useAttrs();
const emit = defineEmits(['change']);
const deleteLabel = () => {
    emit('change', attrs.meta.pdata.label)
}

</script>
<style scoped>
.rm i {
    opacity: 0;
}

.rm:hover i {
    opacity: 1;
}

i:hover {
    opacity: 0.6;
}
</style>
